<template>
	<div id="fenlei-head">
		<div class="head">
			<div class="searchBox">
				<div class="searchBtn"></div>
				<input  type="text" class="search" placeholder="故宫口红"/>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	#fenlei-head .head{
		height: 0.88rem;
		background: #C30D23;
		position: relative;
	}
	
	#fenlei-head .head .searchBox{
		width: 3.15rem;
		height: 0.32rem;
		background:rgb(205,52,70);
		border-radius: 0.06rem;
		position: absolute;
		top: 0.48rem;
		left: 0.3rem;
		display: flex;
	}
	
	#fenlei-head .head .searchBox .searchBtn{
		width: 0.28rem;
		height: 0.28rem;
		background-image: url(../../assets/img/searchBar.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0.02rem 0 0 0.11rem;
	}
	#fenlei-head .head .searchBox .search{
		font-size: 0.14rem;
		background:rgb(205,52,70);
		color: #FFFFFF;
		border: none;
		margin: 0.05rem 0 0 0.14rem;
		opacity: 0.5;
	}
</style>
